<template><!--  创建异步组件
        作用：直观的作用，当这个页面（项目的首页），没有加载出来时，给一个提示的效果
            加载完毕后，显示首页 
        将这个项目通过 异步组件 划分 =》 本质：分包
    -->

    <AyLogin />

</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue';
import Loading from '@/views/Loading/index.vue'
// 作用： 返回一个异步组件

console.log('ay 1111111111111111111');

//这个方法就是返回 Promise
let AyLogin = defineAsyncComponent({
   
    loader: () => import('@/views/Login/index.vue'),        

    // 加载异步组件时使用的组件
    loadingComponent: Loading,
    // 展示加载组件前的延迟时间，默认为 200ms
    delay: 200,

    // 加载失败后展示的组件
    // errorComponent: ErrorComponent,
    // 如果提供了一个 timeout 时间限制，并超时了
    // 也会显示这里配置的报错组件，默认值是：Infinity
    // timeout: 3000,
})


// 组件创建好之后，需要去到我们的 路由表 =》 修改 根据路由匹配的地址

</script>

<style ></style>